<template>
    <div class="box">
        <div class="left-cpn">
            <leftCpn></leftCpn>
        </div>
        <div class="right-cpn">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import leftCpn from './left/index.vue';
export default {
    data() {
        return {};
    },
    components: {
        leftCpn
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.box {
    display: flex;
    .left-cpn {
        flex: 1.5;
        height: 100vh;
        background-color: #333;
    }
    .right-cpn {
        flex: 8.5;
    }
}
</style>
